@import "../../variables";

.c-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 8px 0 0;
  padding: 0;
  a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid;
    border-color: $fg_0;
    border-radius: 50%;
    color: $fg_0;
    transition: 0.2s;
    &:hover {
      background: $fg_0;
      color: #fff;
    }
  }
  &__item {
    margin: 8px 8px 0;
    list-style: none;
  }
  &__icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }
}
